<script setup lang="ts">
// import request from "@/api/request";
// async function get() {
//   const res = await request({
//     url: "/search?keywords=海阔天空",
//     method: "get",
//   });
//   console.log(res);
// }
const menus = [
  {
    title: "发现音乐",
    key: "/discover",
  },
  {
    title: "我的音乐",
    key: "/my",
  },
  {
    title: "关注",
    key: "/friend",
  },
];
</script>

<template>
  <el-menu mode="horizontal" default-active="/discover" :router="true">
    <el-menu-item
      v-for="submenus in menus"
      :index="submenus.key"
      :key="submenus.key"
    >
      <template #title>{{ submenus.title }}</template>
    </el-menu-item>
  </el-menu>
  <router-view></router-view>
</template>

<style scoped></style>
